<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/register.css">
    <title>注册</title>
</head>
<body>
<section>
    <!-- 登录框 -->
    <div class="container">
        <div class="form">
            <a href="404.html">
                <img src="./images/flyme.png" alt="" width="200px"height="80px">
            </a>
            <h2>注册</h2>
            <form action="/register">
                <div class="inputBox">
                    <input type="text" placeholder="请输入用户名" id="username" name="username" class="uname" title="6-16位的英文字母和数字组合"><br>
                    <span id="username2" style="color: red;font-family: 微软雅黑"></span>
                </div>
                <div class="inputBox">
                    <input type="password" id="password" name="password" placeholder="请输入密码"><br>
                    <span id="password2"></span>
                </div>
                <div class="inputBox">
                    <input type="tel" placeholder="手机号" id="phone" name="tel"><br>
                    <span id="tel1"></span>
                </div>
                <div class="code">
                    <input type="text" value="" placeholder="请输入验证码" class="input-val">
                    <canvas id="canvas" width="100" height="30"></canvas>
                </div>
                <div class="inputBox box_last">
                    <a href="" style="text-decoration: none;color: #cccccc">
                        <label  ><input  type="checkbox" >同意本网站相关使用条款</label>
                    </a> <br>
                    <input id="zc" type="submit" value="注册" disabled class="btn">
                </div>
            </form>
        </div>
    </div>
</section>
<script src="js/jquery.js"></script>
<script src="js/register.js"></script>
<script>
    $(".box_last input:first").click(function () {
        $("#zc").prop("disabled",!$(this).prop("checked"));
    })
</script>
</body>
</html>